<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt"%>

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>秒杀清单页</title>
	<link rel="stylesheet" type="text/css" href="/boot/cssl/layui/css/layui.css"/>
	<link rel="stylesheet" type="text/css" href="/boot/cssl/css/admin.css"/>
	<link rel="stylesheet" href="/boot/llr/css/backend.css?v=1.0.0">
	<link rel="stylesheet" href="/boot/llr/vendor/@fortawesome/fontawesome-free/css/all.min.css">
	<link rel="stylesheet" href="/boot/llr/vendor/line-awesome/dist/line-awesome/css/line-awesome.min.css">
	<link rel="stylesheet" href="/boot/llr/layui-v2.6.5/layui/css/layui.css">
	<link rel="stylesheet" href="/boot/llr/layui-v2.6.5/layui/css/layui.css">
</head>

<body>

<%--<div><jsp:include page="nav.jsp" flush="true"></jsp:include></div>--%>
<div class="page-content-wrap">



	<form class="layui-form" action="">
		<p style="font-size: 20px;margin-bottom: 20px">我的秒杀</p>
	</form>
	<div class="layui-form" id="table-list">
		<table class="layui-table" lay-even lay-skin="nob">
			<tr>
				<th>订单编号</th>
				<th>用户姓名</th>
				<th>下单时间</th>
				<th>订单状态</th>
				<th>秒杀ID</th>
				<th>秒杀金额</th>
				<th>结算</th>
			</tr>
			</thead>
			<tbody>
			<c:forEach items="${webOrderList}" var="w">
				<tr>
					<td>
						<input type="text" value="${w.orderNo}" id="orderNo">
<%--							${w.orderNo}</td>--%>

					<td>${uname}</td>
                    <td>${w.time}</td>
					<td>

						<c:if test="${w.orderStatus == 0}">
							<button class="layui-btn layui-btn-mini layui-btn-normal table-list-status" data-status='1'>未支付</button>

<%--						已经支付--%>
						</c:if>
						<c:if test="${w.orderStatus == 1}">

						<button class="layui-btn layui-btn-mini layui-btn-normal table-list-status" data-status='2'>已支付</button>
						<input type="text" value="评价" id="talk" onclick="talk()">
						</c:if>


					</td>

					<td><input type="text" value="${w.secId}" id="secId"></td>
					<td>
					${prices}</td>
					<input type="text" value="${w.price}" id="price">
					<td>
						<c:if test="${w.orderStatus == 1}">
						<button class="glyphicon glyphicon-heart" disabled="disabled">已结算</button>
						</c:if>
						<c:if test="${w.orderStatus == 0}">
							<button class="glyphicon glyphicon-heart" onclick="buy()">未结算</button>
						</c:if>



					</td>

				</tr>
			</c:forEach>
			</tbody>
		</table>
	</div>
</div>
<%--<div><jsp:include page="footer.jsp" flush="true"></jsp:include></div>--%>

<%--<div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-angle-up"></span></div>--%>

<script src="/boot/js/jquery.js"></script>
<script src="/boot/js/bootstrap.min.js"></script>

<script src="/boot/plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="/boot/plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="/boot/plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="/boot/js/main-slider-script.js"></script>

<script src="/boot/js/jquery-ui.js"></script>
<script src="/boot/js/jquery.fancybox.pack.js"></script>
<script src="/boot/js/jquery.fancybox-media.js"></script>
<script src="/boot/js/owl.js"></script>
<script src="/boot/js/appear.js"></script>
<script src="/boot/js/wow.js"></script>
<script src="/boot/js/main-slider-script.js"></script>
<script src="/boot/js/script.js"></script>


<script src="/boot/js/jquery.js"></script>
<script>



	function talk() {
		let ordersNo = document.getElementById("orderNo").value;
        let secId    = document.getElementById("secId").value;
		window.location= "/boot/user/pj?ordersNo="+ordersNo+"&secId="+secId;

	}


	function buy() {

		let ordersNo = document.getElementById("orderNo").value;
		alert(ordersNo);
        let price = document.getElementById("price").value;
		window.location="/boot/alipay/goAlipay?ordersNo="+ordersNo+"&price="+price;

	}

</script>